<template>
  <div>
    <ValidationProvider rules="mobile" v-slot="{ errors }">
      <input v-model="mobile" type="text" />
      <span>{{ errors[0] }}</span>
    </ValidationProvider>
  </div>
</template>
<script>


export default {
  data() {
    return {
      mobile:''
    };
  },
  methods: {
    valid() {
      this.$validator.validateAll().then(result => {
        if (result) {
          this.$toast("验证成功");
        } else {
          this.$toast("验证失败");
        }
      });
    }
  },
};
</script>
<style scoped lang="less">
</style>

